<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Yooim - Welcome</title>

        
        <script type="text/javascript" src="scripts/lib/extjs2.js"></script>   
        <link href="style/yooim.css" rel="stylesheet" type="text/css"/>        
        <link rel="stylesheet" type="text/css" href="style/ext-all.css" />

    </head>
    <body>
        <div style="float: right; margin-right: 15px;">
            <a href="" target="_blank">View Classes</a> | 
            <a href="" target="_blank">Enter Forum</a> | 
            <a href="" target="_blank">Your Blog</a>
        </div>
        
        <div id="logo_pane">
            <h1><img src="images/logo.png" title="YooIM"/></h1>
        </div>

                
        <div style="display: none">
            <textarea id="packetXml" rows="15" cols="100"></textarea>
            <button onclick="">Send Packet</button>
            <button onclick="">Simulate Incoming Packet</button>
            <button onclick="">Create Chat Window</button>
        </div>


        <div id="display" style="margin: 10px;">
            <div id="login">

                <ul>
                <form action="./login/Validate">
					<li><h2>Sign in into YooIM</h2></li>        
	                <li>Username: <input type="text" name="username" /></li>
	                <li>Password: <input type="text" name="password" /></li>
	                <li><input type="submit" value="Sign On" /></li><br/>
	            </form>
	                <li><a href="" target="_blank">forgot your password?</a></li>
                <li>------------------------------------</li><br/>
                <form action="./register/emailstore">
	 				<li><h2>Start Registration</h2></li>        
	                <li>email: <input type="text" name="email" /></li>
	                <li>your name: <input type="text" name="fullname" /></li>
	                <li><input type="submit" value="Register" /></li><br/><br/>                 
                <form>
                </ul>
        </div>        
        
        <div id="sidePanels" style="margin: 10px;">
            <div id="ymLinks">

                <ul>
                    <li><a href="" target="_blank">Class 1</a></li>
				    <li><a href="" target="_blank">Class 1</a></li>
				    <li><a href="" target="_blank">Class 1</a></li>
                </ul>
            </div>
            
            <div id="ymClasses">
	    	<ul>
                    <li><a href="" target="_blank">Class 1</a></li>
				    <li><a href="" target="_blank">Class 1</a></li>
				    <li><a href="" target="_blank">Class 1</a></li>
		</ul>
	   </div>
            
            <div id="ymBlog">
                <ul>
                    <li><a href="" target="_blank">Class 1</a></li>
				    <li><a href="" target="_blank">Class 1</a></li>
				    <li><a href="" target="_blank">Class 1</a></li>
		</ul>           
            </div>
            
            <div id="ymContact">
                <a href="" target="_blank">email of logged in user</a>
            </div>
        </div>
        
        <script type="text/javascript">

new Ext.Panel({
    contentEl: "ymLinks",
    renderTo: "sidePanels",
    width: 200,
    title: "Links",
    
    frame: true
});

new Ext.Panel({
    contentEl: "ymClasses",
    renderTo: "sidePanels",
    width: 200,
    title: "Classes",
    
    frame: true
});

new Ext.Panel({
    contentEl: "ymBlog",
    renderTo: "sidePanels",
    width: 200,
    title: "Blog",
    
    frame: true
});

new Ext.Panel({
    contentEl: "ymContact",
    renderTo: "sidePanels",
    width: 200,
    title: "Contact",
    
    frame: true
});
            
        </script>

        
    </body>
</html>